<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="{{ URL::asset('/') }}big/css/style.css"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="{{ URL::asset('/') }}big/js/echarts.js"></script>
<script src="{{ URL::asset('/') }}big/js/hubei.js"></script>
<style type="text/css">
	.tb_box>div { position:relative;z-index:6}
	.tk {height: 135px;width: 300px;background-color: rgba(0, 31, 78, 0.75);border: 1px solid #3398db;}
	.tk .tishi {color:#fff;padding: 10px 0 0 15px;font-size: 14px;}
	.tk .table {}
	.tk .table .close {padding: 5px 15px;background: none;border: 1px solid #82cefa;position: absolute;right: 10px;bottom: 10px;cursor: pointer;
						color: #fff;}
	.tk .table .close:hover {background: #4cebf7;}
	.tk .tk_tit {width: 290px;margin-top: -3px;}
	.cont_box{
		color: #fff;
		font-size: 18px;
		padding: 20px;
	}
	.cont_box .mesg{
		font-size: 16px;
	    display: inline-block;
	    width: 97%;
	    height: 36px;
	    line-height: 36px;
	    padding: 0 1.5% 0 0;
	    background-color: rgba(23, 169, 246, 0.7);
	    margin-bottom: 10px;
	}
	.cont_box .mesg span{
		display: inline-block;
		width: 30%;
		text-align: center;
		background-color: rgba(56, 127, 255, 0.7);
		margin-right: 10px;
	}
</style>
</head>
<body>
	<div class="main">
		 <div class="main_title">
		 	<h1>民警综合绩效信息管理平台</h1>
		 	<div class="time_box">
				<p class="right_time" id="now_time">现在是：北京时间：<span id="hours">11:08:29</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="year">2017年8月11日</span>&nbsp;&nbsp;&nbsp;<span id="today">星期五</span></p>
			</div>
		 </div>
		 <div class="tb_box box_1">
		 	<h3>民警信息</h3>
		 	<div class="cont_box">
		 		<p class="mesg"><span>姓名：</span>张三</p>
		 		<p class="mesg"><span>性别：</span>男</p>
		 		<p class="mesg"><span>电话：</span>15926156639</p>
		 		<p class="mesg"><span>地区：</span>武汉市洪山区</p>
		 		<p class="mesg"><span>派出所：</span>关南派出所</p>
		 	</div>
		 	<span class="kk1"></span>
		 	<span class="kk2"></span>
		 </div>
		  <div class="tb_box box_2">
		 	<h3>所属企业类型</h3>
		 	<div id="qiyetype" style="height: 265px;"></div>
		 	<span class="kk1"></span>
		 	<span class="kk2"></span>
		 </div>
		  <div class="tb_box tb_box3 box_3">
		 	<h3 style="width: 312px;">保安公司数量统计</h3>
		 	<div id="xzshul" style="width: 320px; height: 265px;"></div>
		 </div>
		  <div class="tb_box tb_box2 box_4">
		 	<h3 style="width: 362px;">保卫人员数量统计</h3>
		 	<div id="bwshul" style="width: 370px; height: 265px;"></div>
		 </div>
		  <div class="tb_box tb_box2 box_5">
		 	<h3 style="width: 362px;">重点部位数量统计</h3>
		 	<div id="zdbwshul" style="width: 370px; height: 265px;"></div>
		 </div>
		   <div class="tb_box tb_box2 box_6">
		 	<h3 style="width: 362px;">重点岗位人员数量统计</h3>
		 	<div id="zdwwshul" style="width: 370px; height: 265px;"></div>
		 </div>
		  <div class="tb_box tb_box3 box_7">
		 	<h3 style="width: 312px;">单位状态数量统计</h3>
		 	<div id="zdztshul" style="width: 320px; height: 265px;"></div>
		 </div>
		  <div class="tb_box box_8">
		 	<h3>行业类别数量统计</h3>
		 	<div id="hylbul" style="height: 265px;"></div>
		 	<span class="kk1"></span>
		 	<span class="kk2"></span>
		 </div>
		   <div class="tb_box box_9">
		 	<h3>行业管控系统数量统计</h3>
		 	<div id="huizong" style="height: 265px;"></div>
		 	<span class="kk1"></span>
		 	<span class="kk2"></span>
		 </div>
	</div>
</body>
</html>

<div class="modal" style="display: none;"></div>
<div class="tk" style="display: none;">
	<div class="tk_tit">
		<h3>提示</h3>
		<b class="tk_close" >x</b>
	</div>
	<div class="table">
		<p class='tishi'>没有数据!</p>
		<button class='close'>确定</button>
	</div>
</div>


<script type="text/javascript">
	
	// var allmap = echarts.init(document.getElementById('allmap'));
       $(function(){
       		
	   		
	   		
	   		$(".tk_close").click(function(){
	   			popHide();
	   		});
	   		$(".close").click(function(){
	   			popHide();
	   		});
	   		
	   		function popHide(){
	   			$(".tk").hide();
	   			$(".modal").hide();
	   		}
        })
   		
   		
   		
   		//时间
            $(function(){
            	
            setInterval(function() {

            var now_time = new Date();
                    var year = now_time.getFullYear();
                    var month = now_time.getMonth() + 1;
                    var dates = now_time.getDate();
                    var hours = now_time.getHours();
                    var minu = now_time.getMinutes();
                    var seco = now_time.getSeconds();
                    var today = now_time.getDay();
                    if (hours < 10){
            hours = '0' + hours;
            }
            if (minu < 10){
            minu = '0' + minu;
            }
            if (seco < 10){
            seco = '0' + seco;
            }
            if (today == 1){
            today = '星期一';
            } else if (today == 2){
            today = '星期二';
            } else if (today == 3){
            today = '星期三';
            } else if (today == 4){
            today = '星期四';
            } else if (today == 5){
            today = '星期五';
            } else if (today == 6){
            today = '星期六';
            } else if (today == 0){
            today = '星期日';
            }
            $('#hours').html(hours + ':' + minu + ':' + seco);
            $('#year').html(year + '年' + month + '月' + dates + '日');
            $('#today').html(today);
            }, 1000);
			})
   			
   			
   			
   			var qiyetype = echarts.init(document.getElementById('qiyetype'));
   			
			var datas = [['党政机关',10], ['医疗单位',15], ['高校',8], ['中小学幼儿园',7], ['商场超市',8], ['金融保险证券',5], ['加油站',6], ['公共交通',7], ['供气企业',6], ['供水企业',7],['物流寄递',18],['校园行业',24], ['国家重点建设工程单位',7]];
			        function dt1(d){
			            var dtarr = [];
			            for(var i=0;i<datas.length;i++){
			                dtarr.push(datas[i][d])
			            }
			            return dtarr;
			        }
					var qiyetype_option = {
					    angleAxis: {
					    	silent:true,
					        type: 'category',
					        data:dt1(0),
					        axisLabel: {
				                            show: true,
				                            textStyle: {
				                                color: '#fff'
				                            }
				                        }
					    },
					    tooltip:{
					        trigger: 'item',
					        
					    },
					    radiusAxis: {
					        axisLabel: {
				                            show: true,
				                            textStyle: {
				                                color: '#fff'
				                            }
				                        }
					    },
					    polar: {
					        
					    },
					    series: [{
					        type: 'bar',
					        data: dt1(1),
					        coordinateSystem: 'polar',
					        name: '',
					        stack: '',
					    }],
					    legend: {
					        show: true,
					    }
					};
					qiyetype.setOption(qiyetype_option);




</script>


